<!DOCTYPE html>
<!--[if IE 8 ]><html class="no-js oldie ie8" lang="zh"><![endif]-->
<!--[if IE 9 ]><html class="no-js oldie ie9" lang="zh"><![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="zh" class="js svg audio canvas cssremunit csscalc cssgradients supports no-touchevents video cssanimations cssfilters
    flexbox flexboxlegacy no-flexboxtweener flexwrap csstransforms csstransforms3d csstransitions backgroundblendmode">
<!--<![endif]-->
<head>
    <title>Flow Your Life</title>
    <meta name="author" content="ZYaller">
    <meta name="description" content="Flow Your Life">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="icon" href="https://hxsupload-oss.hxsapp.com/lib/flow/image/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="https://hxsupload-oss.hxsapp.com/lib/flow/image/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="https://cdn.staticfile.org/lity/2.3.1/lity.min.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/izitoast/1.4.0/css/iziToast.min.css">
    <link rel="stylesheet" href="https://hxsupload-oss.hxsapp.com/lib/flow/css/plugins/animate-fadeinup.min.css">
    <link rel="stylesheet" href="https://hxsupload-oss.hxsapp.com/lib/flow/css/base.min.css">
    <link rel="stylesheet" href="css/index/index.css">
</head>
<body id="top">
<header class="short-header">
    <div class="gradient-block"></div>
    <div class="row header-content">
        <div class="logo">
            <a href="/">Flow</a>
        </div>
        <nav id="main-nav-wrap">
            <ul class="main-navigation sf-menu">
                <li class="current"><a href="/" title="">Flow</a></li>
                <li class="has-children">
                    <a href="javascript:void(0);" title="Tags" class="sf-with-ul">Tags</a>
                    <ul class="sub-menu">
                        <li><a href="/?m=api">API</a></li>
                        <li><a href="/?m=chrome">CHROME</a></li>
                        <li><a href="/?m=git">GIT</a></li>
                        <li><a href="/?m=golang">GOLANG</a></li>
                        <li><a href="/?m=high-concurrent">HIGH</a></li>
                        <li><a href="/?m=htmlcss">HTMLCSS</a></li>
                        <li><a href="/?m=javascript">JAVASCRIPT</a></li>
                        <li><a href="/?m=linux">LINUX</a></li>
                        <li><a href="/?m=macbook">MACBOOK</a></li>
                        <li><a href="/?m=mongodb">MONGODB</a></li>
                        <li><a href="/?m=mysql">MYSQL</a></li>
                        <li><a href="/?m=network-safety">NETWORK</a></li>
                        <li><a href="/?m=php">PHP</a></li>
                        <li><a href="/?m=programmer">PROGRAMMER</a></li>
                        <li><a href="/?m=redis">REDIS</a></li>
                    </ul>
                </li>
                <li><a target="_blank" href="https://git.zyall.com" title="Github">Github</a></li>
                <li><a target="_blank" href="https://www.zyall.com" title="ZYallers">ZYallers</a></li>
            </ul>
        </nav>
        <div class="search-wrap">
            <form role="search" method="get" class="search-form" action="/">
                <label>
                    <span class="hide-content">Search for:</span>
                    <input type="search" class="search-field" placeholder="Type Your Keywords" value="" name="q" title="Search for:" autocomplete="off">
                </label>
                <input type="submit" class="search-submit" value="Search">
            </form>
            <a href="javascript:void(0);" id="close-search" class="close-btn">Close</a>
        </div>
        <div class="triggers">
            <a class="search-trigger" href="javascript:void(0);"><i class="fa fa-search"></i></a>
            <a class="menu-toggle" href="javascript:void(0);"><span>Menu</span></a>
        </div>
    </div>
</header>
<section id="bricks">
    <div class="row masonry">
        <div class="bricks-wrapper" id="article-container">
            <div class="grid-sizer"></div>
        </div>
    </div>
    <div class="row hide">
        <nav class="pagination"></nav>
    </div>
</section>
<footer>
    <div class="footer-main">
        <div class="row">
            <div class="col-six tab-full mob-full footer-info">
                <h4>About Our Site</h4>
                <p>
                    You will be grateful to yourself in the future.<br/>
                    Keep a record of collating and sharing articles that are valuable, useful, and problematic in your work and study.
                    Enrich the experience, broaden the horizon, record the growth process bit by bit.
                </p>
            </div>
            <div class="col-three tab-1-3 mob-1-2 site-links">
                <h4>Site Links</h4>
                <ul>
                    <li><a target="_blank" href="https://www.zyall.com">ZYallers</a></li>
                    <li><a target="_blank" href="https://git.zyall.com">Github</a></li>
                    <li><a target="_blank" href="https://me.zyall.com">AboutMe</a></li>
                    <li><a target="_blank" href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=IVtYQE1NRFNhR05ZTEBITQ9CTkw">ContactMe</a></li>
                </ul>
            </div>
            <div class="col-three tab-1-3 mob-1-2 social-links">
                <h4>Social</h4>
                <ul>
                    <li><a target="_blank" href="https://www.qq.com">QQ</a></li>
                    <li><a target="_blank" href="https://www.weibo.com">Weibo</a></li>
                    <li><a target="_blank" href="https://www.baidu.com">Baidu</a></li>
                    <li><a target="_blank" href="https://www.google.com">Google</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="row">
            <div class="col-twelve">
                <div class="copyright">
                    <span>Copyright@2021 Flow All rights reserved.</span>
                </div>
                <div id="go-top">
                    <a class="smoothscroll" title="Back to Top" href="#top"><i class="icon icon-arrow-up"></i></a>
                </div>
            </div>
        </div>
    </div>
</footer>
<div id="preloader">
    <div id="loader"></div>
</div>
<!-- lists item template HTML -->
<script type="text/html" id="lists-item-template">
    <article id="{{sha}}" class="entry brick animate-this animated fadeInUp">
        <div class="entry-thumb">
            <a target="_blank" href="{{img}}" class="thumb-link" title="{{title}}" data-lity data-lity-desc="{{title}}"><img src="{{img}}" alt="IMAGE"></a>
        </div>
        <div class="entry-text">
            <div class="entry-header">
                <div class="entry-meta"><span class="cat-links"><a href="{{metalink}}">{{meta}}</a></span></div>
                <h1 class="entry-title"><a target="_blank" href="{{link}}">{{title}}</a></h1>
                <div class="entry-subtitle">
                    <span>{{size}}</span>
                    <span>{{date}}</span>
                </div>
            </div>
            <div class="entry-excerpt">{{intro}}</div>
        </div>
    </article>
</script>
<script src="https://cdn.staticfile.org/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/pace/1.0.0/pace.min.js"></script>
<script src="https://cdn.staticfile.org/jquery-placeholder/2.1.2/jquery.placeholder.min.js"></script>
<script src="https://cdn.staticfile.org/lity/2.3.1/lity.min.js"></script>
<script src="https://cdn.staticfile.org/masonry/4.0.0/masonry.pkgd.min.js"></script>
<script src="https://cdn.staticfile.org/jquery.imagesloaded/3.2.0/imagesloaded.pkgd.min.js"></script>
<script src="https://cdn.staticfile.org/superfish/1.7.7/js/superfish.min.js"></script>
<script src="https://cdn.staticfile.org/jquery.hoverintent/2013.03.11/hoverintent.min.js"></script>
<script src="https://cdn.staticfile.org/izitoast/1.4.0/js/iziToast.min.js"></script>
<script src="https://hxsupload-oss.hxsapp.com/lib/flow/js/plugins/web-storage-cache.min.js"></script>
<script src="js/base64.min.js"></script>
<script src="js/image.js"></script>
<script src="js/index.js"></script>
<script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?5cb1fb48a3febacb9b47f96a5cf3959b";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
</script>
</body>
</html>
